{% load i18n %}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Sign in with your OpenID</title>
    <style type="text/css">
    input.OpenidField {
      background: url({% url openid-logo %}) no-repeat;
      background-position: 0 50%;
      padding-left: 16px;
    }
    </style>
    <link rel="stylesheet" href="/css/openid.css" />
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/openid-jquery.js"></script>
    <script type="text/javascript" src="/js/openid-client/jquery.query-2.1.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        openid.init('openid_identifier');
    });
    </script>
    <!-- /Simple OpenID Selector -->

    <style type="text/css">
        /* Basic page formatting. */
        body {
            font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>Sign in with your OpenID</h1>
    {% if form.errors %}
        <p class="errors">{% trans "Please correct errors below:" %}<br />
            {% if form.openid_identifier.errors %}
                <span class="error">{{ form.openid_identifier.errors|join:", " }}</span>
            {% endif %}
            {% if form.next.errors %}
                <span class="error">{{ form.next.errors|join:", " }}</span>
            {% endif %}
        </p>
    {% endif %}
    <form id="openid_form" name="fopenid" action="" method="post">
        <fieldset>
            <legend>{% trans "Sign In Using Your OpenID" %}</legend>

            <div class="form-row">
                <span>Enter your OpenID: <input id="openid_url" name="openid_identifier" class="OpenidField" type="text" value="" /></span>
                <span class="submit-row"><input id="openid_login" name="bsignin" type="submit" value="{% trans "Sign in" %}" /></span>
            </div>

            <div id="openid_choice">
                <p>Or click your account provider:</p>
                <div id="openid_btns"></div>
            </div>

            <div id="openid_input_area">
            </div>
            <noscript>
            <p>OpenID is service that allows you to log-on to many different websites using a single indentity.
            Find out <a href="http://openid.net/what/">more about OpenID</a> and <a href="http://openid.net/get/">how to get an OpenID enabled account</a>.</p>
            </noscript>

            {% if next %}
                <input type="hidden" name="next" value="{{ next }}" />
            {% endif %}
        </fieldset>
    </form>

    <div id="openid_immediate_iframe" style="display:none">
    <!-- Will contain the hidden iframe required for a checkid_immediate calls -->
    </div>

    <div id="openid_status">
    </div>
</body>
</html>
